<template>
    <div class="mescroll-list">
        <mescroll class="list-draw" @init="init" :upAuto="!hasInit && actived">
            <lottery-item :info="info"></lottery-item>
        </mescroll>
    </div>
</template>

<script>
import Mescroll from 'components/mescroll/mescroll';
import lotteryItem from '../lottery-item/lottery-item.vue';
import { kaijiangApi } from 'api';
export default {
    name: 'DuoduocaiH5National',
    props: {
        type: {
            type: [String, Number],
            required: true,
        },
        actived: {
            type: Boolean,
            default: false,
        },
    },
    components: { Mescroll, lotteryItem },
    data() {
        return {
            hasInit: false,
            info: {},
        };
    },

    mounted() {},

    methods: {
        async init(cb) {
            this.hasInit = true;
            kaijiangApi.list().then((res) => {
                console.log('res', res);
                if (res.code == 0) {
                    this.info = res.data;
                }
            });
            cb(false);
        },
    },
};
</script>

<style lang="scss" scoped>
.mescroll-list {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
</style>
